// react + ts
// Props与Ts基础使用

// 定义类型限制传参类型
type Props = {
  className: string
}

// 也可以定义interface，使用一样
interface Props2 {
  className: string
}

// 限制Button组件接受哪些参数类型的传入
function Button(props: Props) {
  const {className} = props
  return <button className={className}>click me</button>
}

function App04() {
  
  return (
    <>
      <Button className="test"/>
    </>
  )
}

export default App04
